(()=> {
	let ele = {};
	ele.listBox1 = $('#listBox1');
	ele.listBox2 = $('#listBox2');
	ele.listBox3 = $('#listBox3');
	ele.listBox4 = $('#listBox4');
	ele.modal_explian = $("#modal-explian");
	ele.explian = $("#explian");
	ele.close_explian = $("#close-explian");
	
	 numtList();
	 
	//关闭 说明
	ele.close_explian.onclick = () => {
		closeMdl(ele.modal_explian);
	};
	
	
	// 靓号列表
	function numtList() {
		let token = getCookie("token");
		ajax({
			url: API_PATH.BEAUTIFUL_ACCOUNT_INDEX,
			method: 'GET',
			header: {
				'Authorization': token,
			},
			success: res => {
				if (res.code == 1) {
					// openTips(res.msg);
					drawList(res.data);
				} else openTips(res.msg || '未知错误');
			}
		});
	}
	
	function drawList(_data) {
		console.log(_data);
		let html1 = '';
		let html2 = '';
		let html3 = '';
		let html4 = '';
		let cls = '';
		let graycls = '';
		let grayimg = '';
		
		for(let i = 0; i < _data[0].list.length; i++) {
			cls = _data[0].list[i].is_sell == 1? '' : 'goumai';
			graycls = _data[0].list[i].is_sell == 1? 'gray' : '';
			grayimg = _data[0].list[i].is_sell == 1? '<img class="grayimg" src="http://img.qxgs.cc/tiantianlaishouzu/img/my/yi.png" alt="">' : '';
			html1 += '<div class="listout">'
							+grayimg
							+'<div class="list list1 '+graycls+'">'
							+'<div class="top top1">'
								+'<p>靓</p>'
								+'<span>'+_data[0].list[i].no+'</span>'
							+'</div>'
							+'<div class="btm1">'
								+'<div class="gold">'
									+'<img src="http://img.qxgs.cc/tiantianlaishouzu/img/home/jinbi.png" alt="">'
									+'<span>'+_data[0].list[i].money+'</span>'
								+'</div>'
								+'<p class="shouxu">获得交易手续费的'+_data[0].list[i].ratio+'%</p>'
								+'<button class="buy '+cls+'" data="'+_data[0].list[i].id+'">购买</button>'
							+'</div>'
							+'</div>'
						+'</div>'
		}
		for(let i = 0; i < _data[1].list.length; i++) {
			cls = _data[1].list[i].is_sell == 1? '' : 'goumai';
			graycls = _data[1].list[i].is_sell == 1? 'gray' : '';
			grayimg = _data[1].list[i].is_sell == 1? '<img class="grayimg" src="http://img.qxgs.cc/tiantianlaishouzu/img/my/yi.png" alt="">' : '';
			html2 += '<div class="listout">'
						+grayimg
						+'<div class="list list2 '+graycls+'">'
							+'<div class="top top2">'
								+'<p>靓</p>'
								+'<span>'+_data[1].list[i].no+'</span>'
							+'</div>'
							+'<div class="btm1">'
								+'<div class="gold">'
									+'<img src="http://img.qxgs.cc/tiantianlaishouzu/img/home/jinbi.png" alt="">'
									+'<span>'+_data[1].list[i].money+'</span>'
								+'</div>'
								+'<p class="shouxu">获得交易手续费的'+_data[1].list[i].ratio+'%</p>'
								+'<button class="buy '+cls+'" data="'+_data[1].list[i].id+'">购买</button>'
							+'</div>'
						+'</div>'
					+'</div>'
		}
		for(let i = 0; i < _data[2].list.length; i++) {
			cls = _data[2].list[i].is_sell == 1? '' : 'goumai';
			graycls = _data[2].list[i].is_sell == 1? 'gray' : '';
			grayimg = _data[2].list[i].is_sell == 1? '<img class="grayimg" src="http://img.qxgs.cc/tiantianlaishouzu/img/my/yi.png" alt="">' : '';
			html3 += '<div class="listout">'
						+grayimg
						+'<div class="list list3">'
						+'<div class="top top3">'
							+'<p>靓</p>'
							+'<span>'+_data[2].list[i].no+'</span>'
						+'</div>'
						+'<div class="btm1">'
							+'<div class="gold">'
								+'<img src="http://img.qxgs.cc/tiantianlaishouzu/img/home/jinbi.png" alt="">'
								+'<span>'+_data[2].list[i].money+'</span>'
							+'</div>'
							+'<p class="shouxu">获得交易手续费的'+_data[2].list[i].ratio+'%</p>'
							+'<button class="buy '+cls+'" data="'+_data[2].list[i].id+'">购买</button>'
						+'</div>'
					+'</div>'
					+'</div>'
		}
		for(let i = 0; i < _data[3].list.length; i++) {
			cls = _data[3].list[i].is_sell == 1? '' : 'goumai';
			graycls = _data[3].list[i].is_sell == 1? 'gray' : '';
			grayimg = _data[3].list[i].is_sell == 1? '<img class="grayimg" src="http://img.qxgs.cc/tiantianlaishouzu/img/my/yi.png" alt="">' : '';
			html4 += '<div class="listout">'
						+grayimg
						+'<div class="list list4 '+graycls+'">'
						+'<div class="top top4">'
							+'<p>靓</p>'
							+'<span>'+_data[3].list[i].no+'</span>'
						+'</div>'
						+'<div class="btm1">'
							+'<div class="gold">'
								+'<img src="http://img.qxgs.cc/tiantianlaishouzu/img/home/jinbi.png" alt="">'
								+'<span>'+_data[3].list[i].money+'</span>'
							+'</div>'
							+'<p class="shouxu">获得交易手续费的'+_data[3].list[i].ratio+'%</p>'
							+'<button class="buy '+cls+'" data="'+_data[3].list[i].id+'">购买</button>'
						+'</div>'
					+'</div>'
					+'</div>'
		}
		ele.listBox1.innerHTML = html1;
		ele.listBox2.innerHTML = html2;
		ele.listBox3.innerHTML = html3;
		ele.listBox4.innerHTML = html4;
		
		
		let goumais = $('.goumai');
		console.log(goumais.length);
		for(let i = 0; i < goumais.length; i++) {
			goumais[i].onclick = (e)=> {
				buyNum(e.target.getAttribute('data'));
			}
		}
	}
	
	//购买靓号
	function buyNum(id) {
		let token = getCookie("token");
		ajax({
			url: API_PATH.BEAUTIFUL_ACCOUNT_BUY,
			method: 'POST',
			header: {
				'Authorization': token,
			},
			data: {
				id: id
			},
			success: res => {
				if (res.code == 1) {
					openTips(res.msg);
					numtList();
				} else openTips(res.msg || '未知错误');
			}
		});
	}
	
	
	
})()